import Header from './components/Header';
import Main from './components/Main';
import Footer from './components/Footer';

import './styles/base.css';
import './styles/index.css';

export default function App() {
  return (
    <section className="todoapp">
      {/* 头部 */}
      <Header />
      {/* 主体 */}
      <Main />
      {/* 底部 */}
      <Footer />
    </section>
  );
}

/* 




  
  关键点：在React + Ts +reusx
  1. 获取数据使用useAppSelector， 官方封装直接用
  2. reducer一定要加返回值类型
  3. 在TS中，action不要解构




  1. DOM类型，不要死记硬背。悬停获取
  2. Redux固定套路
    2.1 扩展ActionType的类型
    2.2 新增swtich逻辑分支
    2.3 定义Action创建函数
    2.4 dispatch触发Action
    2.5 完整计算逻辑
  
*/
